<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>零点管理系统</title>
    <meta name="keywords" content="零点,零点框架,零点系统,zero">
    <meta name="description" content="零点基于SpringBoot2的权限管理系统 易读易懂、界面简洁美观。">
    <link rel="shortcut icon" href="/static/favicon.ico" th:href="@{/favicon.ico}">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link href="../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}" media="all" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{/css/login.css}" media="all" rel="stylesheet"/>

<body class="loginBody">
<form class="layui-form">
    <div class="login_face"><img src="/static/images/sign.jpg" th:src="@{/images/sign.jpg}" alt="logo"></div>

    <div class="layui-form-item input-item">
        <label class="layui-form-label" for="username"></label>
        <input type="text" placeholder="请输入用户名" autocomplete="off" id="username" class="layui-input" lay-verify="required|username" value="admin">
    </div>

    <div class="layui-form-item input-item">
        <label class="layui-form-label" for="password"></label>
        <input type="password" placeholder="请输入密码" autocomplete="off" id="password" class="layui-input" lay-verify="password" value="admin123">
    </div>

    <div class="layui-form-item input-item" id="imgCode" th:if="${captchaEnabled==true}">
        <label class="layui-form-label" for="validateCode"></label>
        <input type="text" id="validateCode" maxlength="5" class="login-input-code layui-input" lay-verify="required" autocomplete="off" placeholder="请输入验证码">
        <div class="login-img-code">
            <a href="javascript:void(0);" title="点击更换验证码">
                <img th:src="@{captcha/captchaImage}" class="imgcode"/>
            </a>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" for="rememberme"></label>
        <input class="layui-input-block" type="checkbox" id="rememberme" name="rememberme" title="记住我" lay-skin="primary">
    </div>

    <div class="layui-form-item">
        <button class="layui-btn layui-block" id="loginSubmit"  lay-filter="login" lay-submit>登录</button>
    </div>
</form>

<script th:inline="javascript"> var ctx = [[@{/}]];</script>
<!-- 全局js -->
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
<script src="../static/js/login.js" th:src="@{/js/login.js}"></script>
</body>
</html>
